<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<meta name="format-detection" content="telephone=no" /> 
<link rel="shortcut icon" href="images/logo.ico" />
<title>闪度生活</title>
<meta name="keywords" content=" " />
<meta name="description" content=" " />


<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="css/swiper-3.4.1.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/style1.css">

<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/easing.js"></script>
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/main.js"></script>

<script src="./js/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/axios-config.js"></script>
<script src="./js/js.cookie.js"></script>
<script src="./js/utils.js"></script>

</head>

<body>
    <div id="app" v-cloak>

	<div class="stroy_rhead">
	  <a href="javascript:history.go(-1)" class="back">
	    <img src="images/hl.png"> 返回
	  </a>
	  <h5>订单详情</h5>
	</div>

	<!--  / warpper  -->
	<div class="warpper" style=" background: #f9f9f9; padding-bottom: 0;">
		<div>
			<div class="order1_inner2">
				<a href="user_wul.html">
					<div class="user1_inner4_1" style="padding-right:40px;">
						<img src="images/order_2.png" width="20">
						<i class="fa fa-angle-right"></i>
						<p style="color:#e60012;">[杭州市]已签收，签收人是房东或本人，感谢使用申通快递，期待再次为您服务</p>
						<span>2016-10-10 16:12:26</span>
					</div>
				</a>
				<div class="user1_inner4_1  user1_inner4_3">
					<img src="images/pro_more1.png" width="20">
					<p>收货人:{{TuanOrder_Detail.consignee}} <span style="color:#666; font-size:14px; float:right;">{{TuanOrder_Detail.mobile}}</span></p>
					<p>收货地址：{{TuanOrder_Detail.address}}</p>
				</div>
				<!-- <p>发票信息</p>
				<p>发票抬头 <span>李亮</span></p> -->
			</div>

			<div class="order1_inner3">
				<div class="user1_inner3">
					<!-- <h5>待收货</h5> -->
					<div class="user_order_list_ct clearfix" v-for="items2 in TuanOrder_Detail.goods">
						<a href="javascript:void(0);" @click="goshopDetail(TuanOrder_Detail.goods_id)">
							<div class="img"><img :src="items2.goods_pic" width="100%"></div>
							<div class="user_order_list_tx">
								<div class="title">{{items2.goods_name}}</div>
								<div class="tx">{{items2.goods_des}}</div>
								<div class="text">
									<div class="now">拼团价</div>
					                <div class="bef">￥{{items2.goods_price}}</div>
					                <div class="num">x<span>1</span></div>
								</div>
								<div class="pintuan">拼团人数: <span>{{items2.salesnum}}/{{items2.tuan}}</span></div>
							</div>
						</a>
					</div>
					<!-- <div class="order1_inner3_btn"><a href="user_fuw.html">申请售后</a></div> -->
				</div>
			</div>
			<div class="order1_inner5">
				<p>订单编号：{{TuanOrder_Detail.order_no}}</p>
				<p>下单时间：{{TuanOrder_Detail.order_time}}</p>
			</div>
		</div>
	</div>
	<!--  / warpper  -->
	<div class="user_din_foot">
		<a href="##" class="on">联系平台</a>
		<a href="##">查看物流</a>
	</div>

    </div>
</body>
<script>
$( document ).ready( function(){
  var vm = new Vue({
    el:"#app",
    data() {
      return {

          userId: (() => {
                  
          })(),
          TuanOrder_Detail:{},       
      }
    },
    created: function () {
      var $this = this;
      $this.TuanOrder_Detail=JSON.parse(sessionStorage.getItem('tuanDetail'));     
    },
    mounted:function(){
      
    },
    methods:{
         
      //跳转团购订单详情
      goshopDetail:function(goodsId){
        setCookie("goodId",goodsId);
        window.location.href="shopDetail.html?id="+goodsId;
      }

    }

  })
})

</script>
</html>
